<!DOCTYPE html>
<html>
<head>
   <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="/static/bootstrap.css">
<script src="/static/jquery.js"></script>
<script src='/static/bootstrap.js'></script>
<title>{$title}</title>
<style type="text/css">
body{
	margin-top:60px;
}
.container{
	margin-top:40px;
}
.lsl{
  position: fixed;
  left: 100px;
  top: 0px;
  background: white;
  padding: 10px;
  width: 500px;
  display: none;
  border: 2px solid #E0FFFF;
  border-radius: 15px;
}
.close{
   font-size: 40px; 
}
.img1{
  margin-bottom: 20px;
}
.nav0{
  margin-top: 20px;
}
.thumbnail{
  background: #FFE1FF;
  height: 340px;
}
a{
   outline: none;
   text-decoration: none;
}
</style>
</head>
<body>
 <!-- 导航栏  -->
  <nav class="navbar navbar-inverse navbar-fixed-top">
  <div class="container-fluid">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="#" style="height: 55px;">
         <img src="/static/image/beauty.jpg" height='100%' class="img-circle">
      </a>
    </div>

    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">

    
      <ul class="nav navbar-nav">
        <li>
      		<form class="navbar-form navbar-left" method="post" action="{:url('index/search')}">
             <div class="form-group">
              <input type="text" class="form-control" placeholder="全网查询" name='search'
                {if condition='isset($search)' } value="{$search}" {/if}
              >
             </div>
            <button type="submit" id='search' class="btn btn-default">SEARCH</button>
          </form>
        </li>
      </ul>
      <ul class="nav navbar-nav navbar-right">
      {if condition="cookie('user')"}
       <li><a href="{:url('user/release')}">发布信息</a></li>
       <li><a href="{:url('user/index')}">个人信息</a></li>
       <li><a href="{:url('user/loginout')}">退出登录</a></li>
      {else /}
    <li id='login'><a href="{:url('index/login')}" >登陆</a></li>
    <li id='register'><a href="{:url('index/register')}" >注册</a></li>
       
       {/if}
      </ul>
    </div><!-- /.navbar-collapse -->
  </div><!-- /.container-fluid -->
</nav>

<!-- 幻灯片   -->
<div class='container'>
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
  <!-- Indicators -->
  

  <!-- Wrapper for slides -->
  <div class="carousel-inner" role="listbox">
    <div class="item active">
      <img src="/static/image/1.jpg" class='img-responsive' width='100%' height='100px'>
      <div class="carousel-caption">
        <h1>余俊卖身</h1>
        <p>二十岁身强力壮小伙子卖身只为寻求人生方向</p>
      </div>
    </div>
    <div class="item ">
      <img src="/static/image/2.jpg" class='img-responsive' width='100%' height='100px'>
      <div class="carousel-caption">
       <h1>方旭学琴</h1>
        <p>此人吹的一手好萧，奈何吉他实在玩不转，现征一名长腿美女！</p>
      </div>
    </div>
    <div class="item ">
      <img src="/static/image/3.jpg" alt="..." width='100%' height='400px'>
      <div class="carousel-caption">
        <h1>锦明聊搔</h1>
        <p>口技十分了得，各种类型陪聊，巨乳萌妹免费。</p>
      </div>
    </div>
  </div>

  <!-- Controls -->
  <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
    <span class="sr-only">Previous</span>
  </a>
  <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
    <span class="sr-only">Next</span>
  </a>
</div>

<!-- 导航-->
<div class='container'>
 <ul class='nav nav-pills' id='nav1'>
    <li {if condition="$tid eq -1"} class="active" {/if}><a href="{:url('index/index',['tid'=>-1,'type'=>$leixing])}">ALL</a></li>
    {volist name='type' id='type'}
    <li  id="{$type.id}" 
        {if condition="$type['id'] eq $tid"} class="active" {/if}
    >
       <a href="{:url('index/index',['tid'=>$type['id'],'leixing'=>$leixing])}">{$type.tname}</a>
    </li>
    {/volist} 
 </ul>
 <ul class=' nav nav0 nav-pills' id='nav2'>
     <li {if condition="$leixing eq 'ALL'"} class="active" {/if}><a  href="{:url('index/index',['leixing'=>'ALL','tid'=>$tid])}">ALL</a></li>
     <li {if condition="$leixing eq 'need'"} class="active" {/if}><a  href="{:url('index/index',['tid'=>$tid,'leixing'=>'need'])}">寻求求助</a></li>
     <li{if condition="$leixing eq 'offer'"} class="active" {/if}><a   href="{:url('index/index',['tid'=>$tid,'leixing'=>'offer'])}">提供帮助</a></li>
 </ul>
</div>  
 <!-- 内容展示  -->
 <div class='container'>
  <div class='row'>
   {$i==1}
   {volist name='message' id='message'}
   <div class='col-md-3' >
     <div class='thumbnail' >
      <a href="{:url('detail/index',['id'=>$message['id']])}">
         <img src="/static/image/{$message.tid}/{$i}.jpg" width='100%' >
      </a>
         <div class='caption'>
           <h1><a href="{:url('detail/index',['id'=>$message['id']])}">
                {$message.mname}
               </a>
           </h1>
           <p>{$message.des}</p>
         </div>
     </div>
   </div>
   {/volist}
  </div>
 </div>
<footer style="margin-bottom: 50px;
               margin-top: 50px;
               left: 400px;">
  <p class='text-center bg-success ' style="font-size: 25px;"><span class='glyphicon glyphicon-plane'></span><br><mark>www.powerli.xyz</mark></p>
</footer>

</body>
<script >



//主内容淡入
$('.col-md-3').hide();
$('.col-md-3').slideDown(1000);

// //搜索写入
// $('#search').click(function(){
//    $(this).prev().attr('value',$(this).prev().val());
// });
</script>
</html>